﻿<!DOCTYPE html>
<html>
  <head>
    <title>走马灯</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/走马灯/styles.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
@font-face {
font-family:Ionicons;
src:url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.svg#Ionicons) format("svg");
font-weight:400;
font-style:normal
}
    </style>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/走马灯/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Rectangle) -->
      <div id="u9444" class="ax_default box_1">
        <div id="u9444_div" class=""></div>
        <div id="u9444_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- image-content (Dynamic Panel) -->
      <div id="u9445" class="ax_default" data-label="image-content">
        <div id="u9445_state0" class="panel_state" data-label="State1" style="">
          <div id="u9445_state0_content" class="panel_state_content">

            <!-- Unnamed (Image) -->
            <div id="u9446" class="ax_default image">
              <img id="u9446_img" class="img " src="images/走马灯/u9446.png"/>
              <div id="u9446_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9447" class="ax_default label">
              <div id="u9447_div" class=""></div>
              <div id="u9447_text" class="text ">
                <p><span>双击更换图片</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9448" class="ax_default label">
              <div id="u9448_div" class=""></div>
              <div id="u9448_text" class="text ">
                <p><span>1</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u9445_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u9445_state1_content" class="panel_state_content">

            <!-- Unnamed (Image) -->
            <div id="u9449" class="ax_default image">
              <img id="u9449_img" class="img " src="images/走马灯/u9446.png"/>
              <div id="u9449_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9450" class="ax_default label">
              <div id="u9450_div" class=""></div>
              <div id="u9450_text" class="text ">
                <p><span>双击更换图片</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9451" class="ax_default label">
              <div id="u9451_div" class=""></div>
              <div id="u9451_text" class="text ">
                <p><span>2</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u9445_state2" class="panel_state" data-label="State3" style="visibility: hidden;">
          <div id="u9445_state2_content" class="panel_state_content">

            <!-- Unnamed (Image) -->
            <div id="u9452" class="ax_default image">
              <img id="u9452_img" class="img " src="images/走马灯/u9446.png"/>
              <div id="u9452_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9453" class="ax_default label">
              <div id="u9453_div" class=""></div>
              <div id="u9453_text" class="text ">
                <p><span>双击更换图片</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9454" class="ax_default label">
              <div id="u9454_div" class=""></div>
              <div id="u9454_text" class="text ">
                <p><span>3</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u9445_state3" class="panel_state" data-label="State4" style="visibility: hidden;">
          <div id="u9445_state3_content" class="panel_state_content">

            <!-- Unnamed (Image) -->
            <div id="u9455" class="ax_default image">
              <img id="u9455_img" class="img " src="images/走马灯/u9446.png"/>
              <div id="u9455_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9456" class="ax_default label">
              <div id="u9456_div" class=""></div>
              <div id="u9456_text" class="text ">
                <p><span>双击更换图片</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9457" class="ax_default label">
              <div id="u9457_div" class=""></div>
              <div id="u9457_text" class="text ">
                <p><span>4</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Header) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u9459" class="ax_default">
        <div id="u9459_state0" class="panel_state" data-label="State1" style="">
          <div id="u9459_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u9460" class="ax_default box_2">
              <div id="u9460_div" class=""></div>
              <div id="u9460_text" class="text ">
                <p><span>&nbsp; 返回顶部</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9461" class="ax_default paragraph">
              <div id="u9461_div" class=""></div>
              <div id="u9461_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- header (Dynamic Panel) -->
      <div id="u9462" class="ax_default" data-label="header">
        <div id="u9462_state0" class="panel_state" data-label="State1" style="">
          <div id="u9462_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u9463" class="ax_default box_1">
              <div id="u9463_div" class=""></div>
              <div id="u9463_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u9464" class="ax_default">
              <div id="u9464_state0" class="panel_state" data-label="State1" style="">
                <div id="u9464_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u9465" class="ax_default box_1">
                    <div id="u9465_div" class=""></div>
                    <div id="u9465_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u9466" class="ax_default box_1">
                    <div id="u9466_div" class=""></div>
                    <div id="u9466_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u9467" class="ax_default box_1">
                    <div id="u9467_div" class=""></div>
                    <div id="u9467_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u9468" class="ax_default box_1">
                    <img id="u9468_img" class="img " src="images/index/u10.svg"/>
                    <div id="u9468_text" class="text ">
                      <p><span>View UI Axure Library</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u9469" class="ax_default image">
                    <img id="u9469_img" class="img " src="images/index/u11.png"/>
                    <div id="u9469_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u9470" class="ax_default paragraph">
                    <div id="u9470_div" class=""></div>
                    <div id="u9470_text" class="text ">
                      <p><span>iView Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="u9458" style="display:none; visibility:hidden;"></div>

      <!-- Unnamed (SideNav) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u9472" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9472_div" class=""></div>
        <div id="u9472_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9473" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9473_div" class=""></div>
        <div id="u9473_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">通知提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9474" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9474_div" class=""></div>
        <div id="u9474_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">全局提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9475" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9475_div" class=""></div>
        <div id="u9475_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">警告提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9476" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-light">
        <div id="u9476_div" class=""></div>
        <div id="u9476_text" class="text ">
          <p><span>视图</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9477" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9477_div" class=""></div>
        <div id="u9477_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9478" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9478_div" class=""></div>
        <div id="u9478_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">颜色选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9479" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9479_div" class=""></div>
        <div id="u9479_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">上传</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9480" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9480_div" class=""></div>
        <div id="u9480_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">评分</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9481" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9481_div" class=""></div>
        <div id="u9481_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">数字输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9482" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9482_div" class=""></div>
        <div id="u9482_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">穿梭框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9483" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9483_div" class=""></div>
        <div id="u9483_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">级联选择</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9484" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9484_div" class=""></div>
        <div id="u9484_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9485" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9485_div" class=""></div>
        <div id="u9485_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">日期选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9486" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9486_div" class=""></div>
        <div id="u9486_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">滑块</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9487" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9487_div" class=""></div>
        <div id="u9487_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9488" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9488_div" class=""></div>
        <div id="u9488_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9489" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9489_div" class=""></div>
        <div id="u9489_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">开关</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9490" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9490_div" class=""></div>
        <div id="u9490_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">多选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9491" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9491_div" class=""></div>
        <div id="u9491_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9492" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9492_div" class=""></div>
        <div id="u9492_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9493" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-light">
        <div id="u9493_div" class=""></div>
        <div id="u9493_text" class="text ">
          <p><span>表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9494" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9494_div" class=""></div>
        <div id="u9494_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9495" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9495_div" class=""></div>
        <div id="u9495_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">锚点</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9496" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9496_div" class=""></div>
        <div id="u9496_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">徽标数</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9497" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9497_div" class=""></div>
        <div id="u9497_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面包屑</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9498" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9498_div" class=""></div>
        <div id="u9498_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9499" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9499_div" class=""></div>
        <div id="u9499_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9500" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9500_div" class=""></div>
        <div id="u9500_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9501" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9501_div" class=""></div>
        <div id="u9501_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">导航菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9502" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-light">
        <div id="u9502_div" class=""></div>
        <div id="u9502_text" class="text ">
          <p><span>导航</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9503" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9503_div" class=""></div>
        <div id="u9503_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单元格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9504" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9504_div" class=""></div>
        <div id="u9504_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分割线</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9505" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9505_div" class=""></div>
        <div id="u9505_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面板分割</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9506" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9506_div" class=""></div>
        <div id="u9506_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">折叠面板</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9507" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9507_div" class=""></div>
        <div id="u9507_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">卡片</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9508" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9508_div" class=""></div>
        <div id="u9508_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9509" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9509_div" class=""></div>
        <div id="u9509_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">栅格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9510" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-light">
        <div id="u9510_div" class=""></div>
        <div id="u9510_text" class="text ">
          <p><span>布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9511" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9511_div" class=""></div>
        <div id="u9511_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9512" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9512_div" class=""></div>
        <div id="u9512_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9513" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9513_div" class=""></div>
        <div id="u9513_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">字体</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9514" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9514_div" class=""></div>
        <div id="u9514_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">色彩</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9515" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-light">
        <div id="u9515_div" class=""></div>
        <div id="u9515_text" class="text ">
          <p><span>基础</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9516" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-light">
        <div id="u9516_div" class=""></div>
        <div id="u9516_text" class="text ">
          <p><span>组件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9517" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9517_div" class=""></div>
        <div id="u9517_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9518" class="ax_default box_1 selected" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9518_div" class="selected"></div>
        <div id="u9518_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9519" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-light">
        <div id="u9519_div" class=""></div>
        <div id="u9519_text" class="text ">
          <p><span>入门介绍</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9520" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9520_div" class=""></div>
        <div id="u9520_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9521" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9521_div" class=""></div>
        <div id="u9521_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">树形控件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9522" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9522_div" class=""></div>
        <div id="u9522_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">文字提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9523" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9523_div" class=""></div>
        <div id="u9523_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">气泡提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9524" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9524_div" class=""></div>
        <div id="u9524_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9525" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9525_div" class=""></div>
        <div id="u9525_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9526" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9526_div" class=""></div>
        <div id="u9526_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9527" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9527_div" class=""></div>
        <div id="u9527_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">走马灯</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9528" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9528_div" class=""></div>
        <div id="u9528_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间轴</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9529" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9529_div" class=""></div>
        <div id="u9529_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">相对时间</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9530" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9530_div" class=""></div>
        <div id="u9530_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度环</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9531" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9531_div" class=""></div>
        <div id="u9531_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图钉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9532" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9532_div" class=""></div>
        <div id="u9532_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">返回顶部</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9533" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9533_div" class=""></div>
        <div id="u9533_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">加载中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9534" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9534_div" class=""></div>
        <div id="u9534_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">无限滚动</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9535" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-light">
        <div id="u9535_div" class=""></div>
        <div id="u9535_text" class="text ">
          <p><span>图表</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9536" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-light">
        <div id="u9536_div" class=""></div>
        <div id="u9536_text" class="text ">
          <p><span>其他</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9537" class="ax_default box_1" selectiongroup="u9471nav-cebianlan-fenzu-light">
        <div id="u9537_div" class=""></div>
        <div id="u9537_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">列表</span></p>
        </div>
      </div>
      <div id="u9471" style="display:none; visibility:hidden;"></div>

      <!-- Unnamed (Footer) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u9539" class="ax_default">
        <div id="u9539_state0" class="panel_state" data-label="State1" style="">
          <div id="u9539_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u9540" class="ax_default box_1">
              <div id="u9540_div" class=""></div>
              <div id="u9540_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u9541" class="ax_default">
              <div id="u9541_state0" class="panel_state" data-label="State1" style="">
                <div id="u9541_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u9542" class="ax_default box_1">
                    <div id="u9542_div" class=""></div>
                    <div id="u9542_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u9543" class="ax_default label">
                    <div id="u9543_div" class=""></div>
                    <div id="u9543_text" class="text ">
                      <p><span>Axure组件库由 baozipm制作</span></p><p><span>UI与交互由iView团队设计</span></p><p><span>图标由Ionicon团队设计</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u9544" class="ax_default label">
                    <div id="u9544_div" class=""></div>
                    <div id="u9544_text" class="text ">
                      <p><span>Contract Me</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u9545" class="ax_default" data-left="1" data-top="80" data-width="151" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u9546" class="ax_default label">
                      <div id="u9546_div" class=""></div>
                      <div id="u9546_text" class="text ">
                        <p><span>bosenger@qq.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u9547" class="ax_default paragraph">
                      <div id="u9547_div" class=""></div>
                      <div id="u9547_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u9548" class="ax_default label">
                    <div id="u9548_div" class=""></div>
                    <div id="u9548_text" class="text ">
                      <p><span>Copyright</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u9549" class="ax_default label">
                    <div id="u9549_div" class=""></div>
                    <div id="u9549_text" class="text ">
                      <p><span>BaoziPM</span></p><p><span>iView</span></p><p><span>Ionicon</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u9550" class="ax_default label">
                    <div id="u9550_div" class=""></div>
                    <div id="u9550_text" class="text ">
                      <p><span>相关站点</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u9551" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u9552" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u9553" class="ax_default">
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u9554" class="ax_default label">
                    <div id="u9554_div" class=""></div>
                    <div id="u9554_text" class="text ">
                      <p><span>版本号4.0</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u9555" class="ax_default" data-left="0" data-top="106" data-width="154" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u9556" class="ax_default label">
                      <div id="u9556_div" class=""></div>
                      <div id="u9556_text" class="text ">
                        <p><span>www.baozipm.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u9557" class="ax_default paragraph">
                      <div id="u9557_div" class=""></div>
                      <div id="u9557_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u9558" class="ax_default" data-left="1" data-top="134" data-width="131" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u9559" class="ax_default label">
                      <div id="u9559_div" class=""></div>
                      <div id="u9559_text" class="text ">
                        <p><span>iView Axure Git</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u9560" class="ax_default paragraph">
                      <div id="u9560_div" class=""></div>
                      <div id="u9560_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u9561" class="ax_default image">
                    <img id="u9561_img" class="img " src="images/index/u11.png"/>
                    <div id="u9561_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u9562" class="ax_default box_1">
                    <img id="u9562_img" class="img " src="images/index/u10.svg"/>
                    <div id="u9562_text" class="text ">
                      <p><span>View UI Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="u9538" style="display:none; visibility:hidden;"></div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9563" class="ax_default heading_1">
        <div id="u9563_div" class=""></div>
        <div id="u9563_text" class="text ">
          <p><span>Carousel 走马灯</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9564" class="ax_default heading_1">
        <div id="u9564_div" class=""></div>
        <div id="u9564_text" class="text ">
          <p><span>概述</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9565" class="ax_default label">
        <div id="u9565_div" class=""></div>
        <div id="u9565_text" class="text ">
          <p><span>常用于一组图片或卡片轮播，当内容空间不足时，可以用走马灯的形式进行收纳，进行轮播展现。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9566" class="ax_default label">
        <div id="u9566_div" class=""></div>
        <div id="u9566_text" class="text ">
          <p><span>基础用法</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9567" class="ax_default label">
        <div id="u9567_div" class=""></div>
        <div id="u9567_text" class="text ">
          <p><span>手动点击切换</span></p>
        </div>
      </div>

      <!-- previous-next-btn (Group) -->
      <div id="u9568" class="ax_default ax_default_hidden" data-label="previous-next-btn" style="display:none; visibility: hidden" data-left="245" data-top="436" data-width="501" data-height="38">

        <!-- Unnamed (Ellipse) -->
        <div id="u9569" class="ax_default ellipse">
          <img id="u9569_img" class="img " src="images/走马灯/u9569.svg"/>
          <div id="u9569_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u9570" class="ax_default ellipse">
          <img id="u9570_img" class="img " src="images/走马灯/u9569.svg"/>
          <div id="u9570_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- carousel-dot-list (Group) -->
      <div id="u9571" class="ax_default" data-label="carousel-dot-list" data-left="453" data-top="557" data-width="83" data-height="3">

        <!-- 1 (Rectangle) -->
        <div id="u9572" class="ax_default box_2 selected" data-label="1" selectiongroup="carousel-dot-list-1">
          <div id="u9572_div" class="selected"></div>
          <div id="u9572_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- 2 (Rectangle) -->
        <div id="u9573" class="ax_default box_2" data-label="2" selectiongroup="carousel-dot-list-1">
          <div id="u9573_div" class=""></div>
          <div id="u9573_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- 3 (Rectangle) -->
        <div id="u9574" class="ax_default box_2" data-label="3" selectiongroup="carousel-dot-list-1">
          <div id="u9574_div" class=""></div>
          <div id="u9574_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- 4 (Rectangle) -->
        <div id="u9575" class="ax_default box_2" data-label="4" selectiongroup="carousel-dot-list-1">
          <div id="u9575_div" class=""></div>
          <div id="u9575_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9576" class="ax_default label">
        <div id="u9576_div" class=""></div>
        <div id="u9576_text" class="text ">
          <p><span>自动切换</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9577" class="ax_default label">
        <div id="u9577_div" class=""></div>
        <div id="u9577_text" class="text ">
          <p><span>通过动态面板自动切换</span></p>
        </div>
      </div>

      <!-- image-content (Dynamic Panel) -->
      <div id="u9578" class="ax_default" data-label="image-content">
        <div id="u9578_state0" class="panel_state" data-label="State1" style="">
          <div id="u9578_state0_content" class="panel_state_content">

            <!-- Unnamed (Image) -->
            <div id="u9579" class="ax_default image">
              <img id="u9579_img" class="img " src="images/走马灯/u9446.png"/>
              <div id="u9579_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9580" class="ax_default label">
              <div id="u9580_div" class=""></div>
              <div id="u9580_text" class="text ">
                <p><span>双击更换图片</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9581" class="ax_default label">
              <div id="u9581_div" class=""></div>
              <div id="u9581_text" class="text ">
                <p><span>1</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u9578_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u9578_state1_content" class="panel_state_content">

            <!-- Unnamed (Image) -->
            <div id="u9582" class="ax_default image">
              <img id="u9582_img" class="img " src="images/走马灯/u9446.png"/>
              <div id="u9582_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9583" class="ax_default label">
              <div id="u9583_div" class=""></div>
              <div id="u9583_text" class="text ">
                <p><span>双击更换图片</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9584" class="ax_default label">
              <div id="u9584_div" class=""></div>
              <div id="u9584_text" class="text ">
                <p><span>2</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u9578_state2" class="panel_state" data-label="State3" style="visibility: hidden;">
          <div id="u9578_state2_content" class="panel_state_content">

            <!-- Unnamed (Image) -->
            <div id="u9585" class="ax_default image">
              <img id="u9585_img" class="img " src="images/走马灯/u9446.png"/>
              <div id="u9585_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9586" class="ax_default label">
              <div id="u9586_div" class=""></div>
              <div id="u9586_text" class="text ">
                <p><span>双击更换图片</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9587" class="ax_default label">
              <div id="u9587_div" class=""></div>
              <div id="u9587_text" class="text ">
                <p><span>3</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u9578_state3" class="panel_state" data-label="State4" style="visibility: hidden;">
          <div id="u9578_state3_content" class="panel_state_content">

            <!-- Unnamed (Image) -->
            <div id="u9588" class="ax_default image">
              <img id="u9588_img" class="img " src="images/走马灯/u9446.png"/>
              <div id="u9588_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9589" class="ax_default label">
              <div id="u9589_div" class=""></div>
              <div id="u9589_text" class="text ">
                <p><span>双击更换图片</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9590" class="ax_default label">
              <div id="u9590_div" class=""></div>
              <div id="u9590_text" class="text ">
                <p><span>4</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- previous-next-btn (Group) -->
      <div id="u9591" class="ax_default ax_default_hidden" data-label="previous-next-btn" style="display:none; visibility: hidden" data-left="815" data-top="436" data-width="501" data-height="38">

        <!-- Unnamed (Ellipse) -->
        <div id="u9592" class="ax_default ellipse">
          <img id="u9592_img" class="img " src="images/走马灯/u9569.svg"/>
          <div id="u9592_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u9593" class="ax_default ellipse">
          <img id="u9593_img" class="img " src="images/走马灯/u9569.svg"/>
          <div id="u9593_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- carousel-dot-list (Group) -->
      <div id="u9594" class="ax_default" data-label="carousel-dot-list" data-left="1023" data-top="557" data-width="83" data-height="3">

        <!-- 1 (Rectangle) -->
        <div id="u9595" class="ax_default box_2 selected" data-label="1" selectiongroup="carousel-dot-list-1">
          <div id="u9595_div" class="selected"></div>
          <div id="u9595_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- 2 (Rectangle) -->
        <div id="u9596" class="ax_default box_2" data-label="2" selectiongroup="carousel-dot-list-1">
          <div id="u9596_div" class=""></div>
          <div id="u9596_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- 3 (Rectangle) -->
        <div id="u9597" class="ax_default box_2" data-label="3" selectiongroup="carousel-dot-list-1">
          <div id="u9597_div" class=""></div>
          <div id="u9597_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- 4 (Rectangle) -->
        <div id="u9598" class="ax_default box_2" data-label="4" selectiongroup="carousel-dot-list-1">
          <div id="u9598_div" class=""></div>
          <div id="u9598_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
